<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="css/index.css">
    <title>人才评估</title>
</head>
<body>
<article>
    <header class="nav">
        <span class="left-btn">
            <span class="icon icon-back"></span>
        </span>
        <h1>
            人才评估
        </h1>
        <span class="right-btn">
             <span class="icon icon-menu"></span>
        </span>
    </header>
    <section class="main">
        <header>
            <ul class="progress">
                <li class="active"><span></span></li>
                <li class="active"><span></span></li>
                <li class="active"><span></span></li>
                <li class="active"><span></span></li>
                <li class="active"><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li><span></span></li>
                <li ><span></span></li>
            </ul>
        </header>
        <section class="main-body">
            <div class="appraise-detial">

            <div class="title">
                团队合作精神
            </div>
            <ul class="detial">
                <li>
                    1．目标导向功能　团队精神的培养，使店内员工齐心协力，拧成一股绳，朝着一个目标努力，
                    对单个营业员来说，团队要达到的目标即是自己所努力的方向，团队整体的目标顺势分解成各
                    个小目标，在每个员工身上得到落实。
                </li>
                <li>
                    2．凝聚功能 任何组织群体都需要一种凝聚力，传统的管理方法是通过组织系统自上而下的行政
                    指令，淡化了个人感情和社会心理等方面的需求，而团队精神则通过对群体意识的培养，通过员工
                    在长期的实践中形成的习惯、信仰、动机、兴趣等文化心理，来沟通人们的思想，引导人们产生共同
                    的使命感、归属感和认同感，反过来逐渐强化团队精神，产生一种强大的凝聚力。
                </li>
                <li>
                    　3．激励功能 团队精神要靠员工自觉地要求进步，力争与团队中最优秀的员工看齐。通过员工之间
                    正常的竞争可以实现激励功能，而且这种激励不是单纯停留在物质的基础上，还能得到团队的认可，获
                    得团队中其他员工的尊敬。
                </li>
                <li>
                    　4．控制功能　员工的个体行为需要控制，群体行为也需要协调。团队精神所产生的控制功能，是通过团
                    队内部所形成的一种观念的力量、氛围的影响，去约束规范，控制职工的个体行为。这种控制不是自上而下
                    的硬性强制力量，而是由硬性控制向软性内化控制；由控制职工行为，转向控制职工的意识；由控制职工的
                    短期行为，转向对其价值观和长期目标的控制。因此，这种控制更为持久有意义，而且容易深入人心。
                </li>
            </ul>
        </div>
        </section>
    </section>
    <footer>
        <div class="rating-description">
            <p>评分说明 <span class="icon icon-info"></span></p>
            <ul>
                <li>
                    <span class="icon icon-stroke-star active"> </span>
                </li>
                <li>
                    <span class="icon icon-stroke-star"> </span>
                </li>
                <li>
                    <span class="icon icon-stroke-star"> </span>
                </li>
                <li>
                    <span class="icon icon-stroke-star"> </span>
                </li>
                <li>
                    <span class="icon icon-stroke-star"> </span>
                </li>
            </ul>
        </div>
        <div class="con-btn">
            <div>上一页</div>
            <div class="next">下一页</div>
        </div>
    </footer>
    <ul class="side-nav">
        <li class="active">
            <p>品德</p>
            <ul>
                <li class="active">
                    <span>忠诚</span>
                    <span>5</span>
                </li>
                <li class="active">
                    <span>诚信正直</span>
                    <span>5</span>
                </li>
                <li class="active">
                    <span>勤俭节约</span>
                    <span>5</span>
                </li>
                <li>
                    <span>团队合作精神</span>
                    <span>未评分</span>
                </li>
            </ul>
        </li>
        <li>
            <p>品德</p>
            <ul>
                <li>忠诚</li>
                <li>诚信正直</li>
                <li>勤俭节约</li>
                <li>坚持原则</li>
            </ul>
        </li>
        <li>
            <p>品德</p>
            <ul>
                <li>忠诚</li>
                <li>诚信正直</li>
                <li>勤俭节约</li>
                <li>坚持原则</li>
            </ul>
        </li>
        <li>
            <p>品德</p>
            <ul>
                <li>忠诚</li>
                <li>诚信正直</li>
                <li>勤俭节约</li>
                <li>坚持原则</li>
            </ul>
        </li>
        <li>
            <p>品德</p>
            <ul>
                <li>忠诚</li>
                <li>诚信正直</li>
                <li>勤俭节约</li>
                <li>坚持原则</li>
            </ul>
        </li>
        <li>
            <p>品德</p>
            <ul>
                <li>忠诚</li>
                <li>诚信正直</li>
                <li>勤俭节约</li>
                <li>坚持原则</li>
            </ul>
        </li>
    </ul>
</article>
<div class="mask"></div>
<aside class="dialog toast">
    <span class="icon icon-close"></span>
    <h3>自评完成</h3>
    <div class="con">
        <p class="all">最终得分</p>
        <p class="num">110</p>
        <ul class="list">
            <li>品德：24</li>
            <li>责任行为：28</li>
            <li>工作态度：28</li>
            <li>工作能力：16</li>
            <li>业绩：14</li>
        </ul>
        <div class="btn">确定</div>
    </div>
</aside>
</body>
</html>